page {
    background: #f3f3f3;
}

.avatar {
    margin-top: 24rpx;
    height: 128rpx;
    margin-left: 30rpx;
    background: #fff;
    border-bottom: 2rpx solid #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .avatar-tit {
        font-size: 30rpx;
        color: rgba(102, 102, 102, 1);
    }

    .avatar-img {
        display: flex;
        align-items: center;
        padding-right: 30rpx;

        .img {
            width: 88rpx;
            height: 88rpx;
            border-radius: 50%;
            margin-right: 20rpx;
        }

        .right {
            width: 10rpx;
            height: 20rpx;
        }
    }
}

.name {
    margin-left: 30rpx;
    border-bottom: 2rpx solid #dbdbdb;
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: space-between;
    height: 112rpx;

    .name-tit {
        font-size: 30rpx;
        color: rgba(102, 102, 102, 1);
    }

    .name-value {
        text-align: right;
        padding-right: 30rpx;
        font-size: 30rpx;
        color: rgba(51, 51, 51, 1);
    }
}

.phone {
    background: #fff;
    margin-left: 30rpx;
    border-bottom: 2rpx solid #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 112rpx;

    .phone-tit {
        font-size: 30rpx;
        color: rgba(102, 102, 102, 1);
    }

    .phone-value {
        display: flex;
        align-items: center;

        .pvalue {
            font-size: 30rpx;
            color: rgba(51, 51, 51, 1);
            margin-right: 16rpx;
        }

        .changephone {
            font-size: 30rpx;
            color: rgba(221, 166, 97, 1);
            margin-left: 20rpx;
            margin-right: 30rpx;
        }
    }
}

.shdd {
    background: #fff;
    margin-left: 30rpx;
    border-bottom: 2rpx solid #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 112rpx;

    .shdd-right {
        width: 10rpx;
        height: 20rpx;
        padding-right: 30rpx;
    }

    .shdd-tit {
        font-size: 30rpx;
        color: rgba(102, 102, 102, 1);

    }
}

.telphone {
    background: #fff;
    margin-left: 30rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 112rpx;

    .telphone-tit {
        font-size: 30rpx;
        color: rgba(102, 102, 102, 1);
    }

    .telphone-value {
        display: flex;
        align-items: center;

        .telphone-icon {
            width: 32rpx;
            height: 34rpx;
            margin-right: 12rpx;
        }

        .telphone-tel {
            font-size: 30rpx;
            color: rgba(51, 51, 51, 1);
            padding-right: 30rpx;
        }
    }
}
.feedback{
    background: #fff;
    padding-left: 30rpx;
    margin-top: 20rpx;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    height: 112rpx;

    .feedback-right {
        width: 10rpx;
        height: 20rpx;
        padding-right: 30rpx;
    }

    .feedback-tit {
        font-size: 30rpx;
        color: rgba(102, 102, 102, 1);

    }
}